<template>
  <section class="container">
    {{ $t('header.home') }}
    <div
        class="demo position-relative"
        style="height: 500px; width: 500px;background-color: red"
        v-permissionCover="['1','2', '3']"
    >
      2131
    </div>
    <button @click="handle">提示信息</button>
    <svg-icon name="pass"/>
    <button @click="C">切换语言</button>
  </section>
</template>

<script lang="ts">
  import { defineComponent } from 'vue';
  import { getApp } from '@/common/hooks';
  import { Messages } from '@/components/Warm/Popup';
  import { Language } from '@/common/lang';

  export default defineComponent({
    name: "business",
    components: {

    },
    data() {
      return {

      }
    },
    setup() {
      const { proxy } = getApp(["Vm"]).Vm;

      const handle = () => {
        Messages({});
      }

      const C = () => {
        proxy.$i18n.locale = Language.xiaomaoen;
      }

      return {
        handle,
        C
      }
    }
  });
</script>

<style lang="scss" scoped>

</style>
